﻿/*
* @Author: lungin
* @Designer: Qishifeng
* @Date:   2016-02-29 13:48:53
* @Last Modified by:   lungin
* @Last Modified time: 2016-11-22 15:15:12
*/
.clearfix,.banin:after,.modwp:after,.vip-header:after,.modtit:after,.modcon:after,.bansublistbox ul:after,.licai-indexmod .lcinterul:after,.fuli-indexmod .fuliinterul:after,.gamebanbox .gameban-list:after,.gameyouxitqbig:after{content:'\20';display:block;height:0;clear:both;}

.modwp .modcon {padding: 28px 0;}

.banin{height: 380px;background:#fff;margin-bottom: 15px;}
.banmain{width:888px;height: 380px;position:relative;float:left;}
.banmain .banlist li{width: 100%;height: 380px;position:absolute;}
.banmain .bandot{position:absolute;left:0%;bottom:12px;width: 100%;text-align:center;}
.banmain .bandot span{  display:inline-block; margin: 0 3px;width:40px; height:7px;line-height: 1000;overflow:hidden;cursor: pointer;border-radius:3px;background: #dddddd;filter:alpha(opacity=40); opacity: 0.4;  }
.banmain .bandot .on{background: #f5f5f5;filter:alpha(opacity=90); opacity: .9;  }
.banmain .baninter{width: 100%;height: 380px;position:relative;}
.banmain .baninter .banimgs{position:absolute;left:0px;top:0px;}
.banmain .baninter .bantxt{position:absolute;left:0px;top:0px;}
.banmain .baninter .ban_a{position:absolute;left:0px;top:0px;width:70%; height:380px;background: url(../images/9df644cbfe2f4a7c94b86d109dbf1bad.gif);margin-left: 15%}
.banmain .banlinks{position:absolute;top:0px;width: 15%;height: 380px;overflow:hidden;line-height: 1000;background: url(../images/9df644cbfe2f4a7c94b86d109dbf1bad.gif);}
.banmain .lkup{left:0px;}
.banmain .lknext{right:0px;}

.bansublistbox{}
.bansublistbox ul{margin-left: -15px;*zoom:1;}
.bansublistbox ul li{margin-left: 15px;display:inline; float:left;background:#fff;position:relative;width:286px; height:160px;line-height: 1;}
.bansublistbox ul li:hover{box-shadow:0 5px 10px rgba(0,0,0,0.05);  }
.bansublistbox .listimg{position:absolute;right:0px;top:0px;width:125px; height:160px;}
.bansublistbox .bantypetit{position:absolute;left:0px;top:20px;width:125px; width:80px; height:28px;line-height: 28px;text-align: center;font-size: 14px;color:#fff;}
.bansublistbox .banlistcon{position:absolute;left:20px;top:75px; width:140px;word-break: keep-all;  }
.bansublistbox .banlistcon h4{font-size: 18px;margin-bottom: 10px;font-weight: normal;}
.bansublistbox .banlistcon p{font-size: 14px;}
.bansublistbox .col01 .bantypetit{background:#00A4DC;}
.bansublistbox .col01 h4 a{color:#00A4DC;}
.bansublistbox .col02 .bantypetit{background:#DC0000;}
.bansublistbox .col02 h4 a{color:#DC0000;}
.bansublistbox .col03 .bantypetit{background:#DC0092;}
.bansublistbox .col03 h4 a{color:#DC0092;}
.bansublistbox .col04 .bantypetit{background:#FEA61E;}
.bansublistbox .col04 h4 a{color:#FEA61E;}
.bansublistbox .linkarea{display:block;width:286px; height:160px;color:#808080; }


.xltqlistmain{padding-left: 33px!important;padding-bottom: 26px!important;position:relative;*zoom:1;}
.xltq-list{float:left;width: 282px;text-align:center;position:relative;font-size: 14px;}
.xltq-list .tqicon{display:inline-block;margin: -3px 0 12px;width:160px; height:160px;overflow:hidden;background: url(../images/bg_index.png) no-repeat 0 -9999em;position:relative;}
.xltq-list .tqicon:hover{}
.xltq-list .tq-gaosu{background-position: 0px -103px}
.xltq-list .tq-lixian{background-position: -162px -103px}
.xltq-list .tq-yunbo{background-position: -322px -103px }
.xltq-list .tq-kuainiao{background-position: 0px -266px}
.xltq-list .tq-zizh{background-position: -483px -103px}
.xltq-list .tq-qita{background-position: -644px -103px}
.xltq-list .sicontq{width:32px; height:32px;margin-right: 18px;background:url(../images/bg_index.png) no-repeat;}
.xltq-list .ic-zizh{ background-position: -350px 0px}
.xltq-list .ic-killad{ background-position: -383px 0px}
.xltq-list .ic-sjspeed{ background-position: -416px 0px}


@-webkit-keyframes tada{
0%{-webkit-transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0)}
}
@-moz-keyframes tada{
0%{-moz-transform:scale(1)}
10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
100%{-moz-transform:scale(1) rotate(0)}
}

@-webkit-keyframes bounce{
0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-10px)}
60%{-webkit-transform:translateY(-5px)}
}
@-moz-keyframes bounce{
0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
40%{-moz-transform:translateY(-10px)}
60%{-moz-transform:translateY(-5px)}
}
.xltq-list h3{font-size: 16px;margin-bottom: 6px;font-weight: normal;}
.xltqlistmain .linkmore{position:absolute;right:-29px;top:87px;width: 20px;height: 50px;line-height:9999;overflow: hidden;background: url(../images/bg_index.png) no-repeat -293px 0;}
.xltqlistmain .linkmore:hover{background-position:-316px 0;}
.xltqlistmain .iconmore{display:none; width:14px; height:16px;overflow:hidden;margin-top: 10px;background: url(../images/bg_index.png) no-repeat -180px 0;}

.anthertq{text-align:left;padding-top: 13px;padding-left: 55px;position:relative;}
.anthertq h3{margin-top: 20px;margin-bottom: 32px;}
.anthertq h3:hover .sicontq{-webkit-animation:bounce 1s ease both;-moz-animation:bounce 1s ease both;}

.xlfuli-list{float:left;padding: 0px 30px; }
.xlfuli-list{width: 342px;font-size: 14px; }
.xlfuli-list h3{margin-bottom: 30px;font-size: 18px;font-weight: normal;color:#383838;position:relative;line-height: 1;}
.xlfuli-list .sublink{font-size: 12px;margin-left:5px;}

.collistcon li{margin-top: 13px;position:relative;height: 22px;overflow:hidden; }
.collistcon li .movname{padding-left: 20px;background: url(../images/bg_index.png) no-repeat -796px -16px;}
.collistcon li .movname:hover{background: url(../images/bg_index.png) no-repeat -796px 3px;}
.collistcon .haveimg{padding-left: 120px;height: 140px;margin-bottom: 29px;overflow:visible;}
.collistcon .listfirname{padding-bottom: 3px;font-size: 16px;line-height: 1;}
.collistcon .listfirname .linkname{display: inline-block;font-size: 16px;width: 100%;height: 19px;overflow: hidden;line-height: 1;text-overflow:ellipsis; white-space: nowrap;}
.collistcon .listtype{margin-bottom: 15px;}
.collistcon .lintfen{margin-bottom: 10px;}
.collistcon .listinfos{padding-top: 10px;font-size: 12px;height: 54px;overflow:hidden;line-height: 17px;}
.collistcon .booktype{display:inline-block; padding: 0px 3px;border:1px #D5D5D5 solid;height:18px; line-height:18px;font-size: 12px;border-radius:3px;}
.collistcon .listsub{position:absolute;right:0px;top:0px;background:#fff; }
.collistcon .listimg{position:absolute;left:0px;top:0px;width:100px; height:140px;}
.collistcon .listimg i{display:none;width:43px; height:43px;line-height:1111;overflow:hidden;background: url(../images/bg_index.png) no-repeat -296px 0;position:absolute;left:39px;top:37px; }
.collistcon .listimg:hover i{display:block; }
.collistcon .listimg .bookpm{position:absolute;left:0px;top:0px}
.collistcon .bookpm{display:inline-block; width:18px; height:18px;line-height:18px;color:#ACACAC;font-family:arial;font-size: 14px;border:1px #C1C1C1 solid;text-align:center;margin-right: 10px;}
.collistcon .pmhot{background:#DC0000;border-color: #DC0000;color:#fff;}

.gametq-list{float:left;}
.gametq-list h3{margin-bottom: 30px;font-size: 18px;font-weight: normal;color:#383838;position:relative;line-height: 1;}

.gamebanbox{}
.gamebanbox .gameban-list{height: 258px;position:relative;}
.gamebanbox .gameban-list li{float:left;height: 258px;overflow: hidden;display:inline; border-right: 2px #fff solid;}
.gamebanbox .gameban-list .gameimgbox{}
.gamebanbox .gameban-list .gameimgbox .imgbig{display:none; }
.gamebanbox .gameban-list .gameimgbox .imgsmall{display:block;cursor: pointer; }
.gamebanbox .gameban-list .on .imgbig{display:block; }
.gamebanbox .gameban-list .on .imgsmall{display:none; }
.gamebanbox .gamenamebox{margin-top: 15px;font-size: 14px;}


.licai-indexmod{}
.licai-indexmod .lcinterul{margin-left: -16px;*zoom:1;}
.licai-indexmod .lcinterul li{margin-left: 16px;display:inline; float:left;width:386px; height:364px;background: #fff;  }
.licai-indexmod .lcinterul .col01{border-top-color:#1293EE; }
.licai-indexmod .lcinterul .col02{border-top-color:#F9A302; }
.licai-indexmod .lcinterul .col03{border-top-color:#F82224; }
.licai-indexmod .lcintercon{border-top-width: 1px;border-top-style: solid;padding: 30px 30px 0;text-align:center;line-height: 1;position:relative;}
.licai-indexmod .lcintercon .icon_we{position:absolute;left:0px;top:0px;width:88px; height:20px;line-height:1000;overflow:hidden;background: url(../images/bg_index.png) no-repeat -270px -59px;}
.licai-indexmod .lcintercon .lclogobox{margin-bottom: 25px; font-size: 18px;height: 23px;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; }
.licai-indexmod .lcintercon .lcshouyi{margin-bottom: 4px; }
.licai-indexmod .lcintercon .lcshouyi-num{ font-size: 30px;font-family:arial;display:inline-block; padding: 0 58px;position:relative;}
.licai-indexmod .lcintercon .lcshouyi .icontqicon{width:56px; height:18px;overflow:hidden;position:absolute;top: 5px;margin-left: 3px;display:inline-block;background: url(../images/bg_index.png) no-repeat -208px -59px;}
.licai-indexmod .lcintercon .lcshouyitips{margin-bottom: 30px;  font-size: 14px;height: 34px;border-bottom: 1px #DCDCDC dashed;}
.licai-indexmod .lcintercon .btns{margin-top: 25px; }
.licai-indexmod .lcintercon .btns .getbtn{width: 158px;height: 34px;line-height: 34px;  }
.licai-indexmod .lcintercon .gettypebox{height: 93px}
.licai-indexmod .lcintercon .gettypebox .colty{height: 93px;width: 75px;display:inline-block; position:relative;}
.licai-indexmod .lcintercon .gettypebox .tphongbao{position:relative;width:70px; height:48px;display:block;margin-bottom: 3px; }
.licai-indexmod .lcintercon .gettypebox .tphongbao i{position:absolute;width:57px; height:48px;background: url(../images/bg_index.png) no-repeat 0 -9999px;left: 10px;}
.licai-indexmod .lcintercon .gettypebox .tphongbao .hb{background-position: -164px -266px}
.licai-indexmod .lcintercon .gettypebox .tphongbao .hb-get{background-position: -228px -266px;width: 68px}
.licai-indexmod .lcintercon .gettypebox .tphongbao .gold{background-position: -164px -316px}
.licai-indexmod .lcintercon .gettypebox .tphongbao .gold-get{background-position: -228px -316px;width: 68px}
.licai-indexmod .lcintercon .gettypebox .hb-price{display:block; font-size: 16px;color:#383838;margin-bottom: 7px;}
.licai-indexmod .lcintercon .gettypebox .hd-tips{display:block; font-size: 14px;}
.licai-indexmod .lcintercon .gettypebox .linecol{display:inline-block; width: 10px;height:85px;margin: 0 14px;overflow: hidden;}
.licai-indexmod .lcintercon .gettypebox .linecol i{display:inline-block; width: 9px;height:16px;overflow: hidden;margin: 13px 0 0 1px;background: url(../images/bg_index.png) no-repeat -246px 0px}
.licai-indexmod .lcintercon .gettypebox .hd-sptext{font-size: 12px;margin-top: 7px;}

.licai-indexmod .lcintercon .getbuybox{height: 86px;border-bottom: 1px #DCDCDC dashed;margin-bottom: 31px}
.licai-indexmod .lcintercon .getbuybox .buymag{padding-top: 2px;}
.licai-indexmod .lcintercon .getbuybox .buyinter{height: 55px;width: 82px;display:inline-block; vertical-align:text-top;}
.licai-indexmod .lcintercon .getbuybox .line{height: 55px;width: 102px;display:inline-block;vertical-align:text-top; }
.licai-indexmod .lcintercon .getbuybox .line i{height: 47px;width: 1px;display:inline-block;overflow: hidden;background:#DCDCDC;margin-top: 3px }
.licai-indexmod .lcintercon .getbuybox .buynum{display:block; font-size: 18px;color:#383838;margin-bottom: 17px;}
.licai-indexmod .lcintercon .getbuybox .buytips{display:block; font-size: 14px;}


.fuli-indexmod{}
.fuli-indexmod .fuliinterul{margin-left: -16px;*zoom:1;margin-bottom: 16px;}
.fuli-indexmod .fuliinterul li{margin-left: 16px;display:inline; float:left;width:386px; height:180px;position:relative;background: #fff;line-height: 1;}

.fuli-indexmod .fuliinterul .hover .bomlast{display:block; }
.fuli-indexmod .fuliinterul .bomlast{display:none;position:absolute;bottom: 0;left: 0;width: 100%;height: 21px; }
.fuli-indexmod .fuliinterul .bomlast .bg{position:absolute;bottom: 0;left: 0;width: 100%;height: 21px;background: #000;filter:alpha(opacity=50); opacity: 0.50;  }
.fuli-indexmod .fuliinterul .bomlast .lastnum{position:absolute;padding-left: 30px;height: 21px;line-height: 21px;color:#fff;}
.fuli-indexmod .fuliinterul .interimg{position:absolute;top: 0;left: 0;}
.fuli-indexmod .fuliinterul .intertit{position:absolute;top: 38px;left: 30px;color:#fff;}
.fuli-indexmod .fuliinterul .fuliform{display:block; font-size: 14px;margin-bottom: 8px;}
.fuli-indexmod .fuliinterul .fulimaintit{display:block; font-size: 22px;}
.fuli-indexmod .fuliinterul .interbtn{position:absolute;top: 110px;left: 30px;}
.fuli-indexmod .fuliinterul .linkget{display:inline-block;border-radius:4px;text-align:center;border: 1px #fff solid;color:#fff;font-size: 14px;width:92px; height:30px;line-height:30px;}


.gameyouxitqbig{margin-bottom: 15px; *zoom:1;position:relative;}
.gameyouxitqbig ul{margin-left: -15px;*zoom:1;position:relative;}
.gameyouxitqbig li{float:left;display:inline;position:relative;height:330px; margin-left: 15px;width:286px;background: #fff;line-height: 1;text-align:center; }
.gameyouxitqbig .show{z-index: 50;}
.gameyouxitqbig .gamesubt{font-size: 14px;height: 19px; overflow: hidden;   text-overflow: ellipsis; white-space: nowrap;}
.gameyouxitqbig .usetips{  margin-top: 10px;}
.gameyouxitqbig .gametqinfos{padding: 30px 30px 0px;font-size: 12px;position:relative;*zoom:1;}
.gameyouxitqbig .gametqname{margin-bottom: 10px;font-size: 18px;height: 19px;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.gameyouxitqbig .gamesubt{margin-bottom: 18px;font-size: 12px;}
.gameyouxitqbig .iconyx{width:80px; height:80px;position:absolute;left: 0;top: 0;background:url(../images/youxibgspr.png) no-repeat 0 -9999em;}
.gameyouxitqbig .ic_sy{background-position: 0 0 ;}
.gameyouxitqbig .ic_yy{background-position: -80px 0 ;}
.gameyouxitqbig .ic_dy{background-position: -160px 0 ;}


.licai-indexmod .lcinterul li,.fuli-indexmod .fuliinterul li{-webkit-transition: 0.3s ease-in 0s; transition: 0.3s ease-in 0s;}
.licai-indexmod .lcinterul li:hover,.fuli-indexmod .fuliinterul li:hover{z-index: 2;box-shadow:0 5px 10px rgba(0,0,0,0.07);-webkit-transform:translate(0,-2px);transform:translate(0,-2px);}


.m_sider{float:right;width:242px;height:350px;padding: 30px 30px 0;position:relative;}
.m_sider .userlogbox{position:relative;*zoom:1;}
.m_sider .logbtn{padding:0px 0 43px; text-align:center;border-bottom: 1px #E3E3E3 dashed; }
.m_sider .logtip{padding: 12px 0 32px;text-align:center;color:#8B8B8B;}
.m_sider .noviptip {padding: 0 0px 11px;margin-bottom: 12px}
.m_sider .typebtn{text-align:center;padding-top: 25px;margin-top:21px; }
.m_sider .typebtndaoqi{padding-top: 0px;margin-top:11px; }
.m_sider .typebtndaoqi .vipquickday{text-align:center;display:block;font-size: 14px;background:#FFF4D9;width: 190px;margin: 12px auto 5px; height:28px; line-height:28px;border-radius:5px;position:relative;}
.m_sider .typebtndaoqi .vipquickday:after{content: " ";position: absolute;bottom:-9px;left:50%;margin-left: -3px;;width:0;height:0;overflow:hidden;border:5px dashed transparent;border-top:5px #FEF2DA solid;}

.m_sider .typebtndaoqibom{padding-top: 20px;margin-top:15px; }
.m_sider .typebtndaoqibom .vipdaoqi{text-align:center;display:block;color:#8b8b8b;padding-top: 2px;  }


.m_sider .tyusertip{margin-bottom: 12px}
.m_sider .loglinks{width:190px;height:44px;line-height: 44px;display:inline-block;overflow:hidden;text-align:center;background:#DC0000;color:#fff;position:relative;font-size: 18px;border-radius:5px;}
.m_sider .loglinks:hover{text-decoration:none;color:#fff;background:#ED0000; }
.m_sider .link_logbtn{ width:85px;font-size: 14px;display:inline-block;-webkit-animation:log01 1s linear}
.m_sider .link_logbtn .iconlog{width:85px; height:85px;display:inline-block; overflow:hidden;background:url(../images/bg_index.png) no-repeat 0 0 ;position:relative;margin-bottom: 5px;cursor: pointer;  }
.m_sider .link_logbtn:hover .iconlog{background-position:-630px 0; }
.m_sider .link_logbtn .iconlog i{display:none;  }
.m_sider .link_logbtn:hover .iconlog:after{position:absolute;overflow:hidden;left:0px;top:0px;width:85px; height:85px;content:"";  -webkit-animation:eyerunlog 200ms steps(1 )    ; }
@-webkit-keyframes eyerunlog {
    0% { background:url(../images/bg_index.png) no-repeat -450px 0px;}
    30% { background:url(../images/bg_index.png) no-repeat -540px 0px;}
    100% {  }
}


.m_sider .loglinks i{width:30px;height:44px;display:inline-block;overflow:hidden;vertical-align:middle;background:url(../images/bg_index.png) no-repeat -104px 0 ;}

.m_sider .user_info{margin-bottom: 3px}
.m_sider .user_info .userimg{text-align:center;width:100%; height:85px;display:block;margin-bottom: 5px}
.m_sider .user_info .userimg img{width:85px; height:85px;border-radius:50%;}
.m_sider .user_info .u_vips{position:relative;height: 20px;text-align:center;z-index: 10;margin-bottom: 1px;}
.m_sider .user_info .username{vertical-align:middle;display:inline-block;position:relative;color:#DC0000;max-width: 100px;overflow:hidden;height: 20px;font-size: 14px;}
.m_sider .user_info .usernamehui{color:#8b8b8b;}
.m_sider .user_info .p_selfcon{position: absolute;left:30%;top:20px; border:1px #ddd solid\9; background:#fff; padding:8px 20px;box-shadow:0px 1px 4px rgba(12,4,7,0.2);width: 60px;border-radius:4px;}
.m_sider .user_info .p_selfcon a{display:block; line-height: 33px;font-size: 14px;text-align:left;}
.m_sider .user_info .u_icons{padding-top: 4px;text-align:center;}
.m_sider .user_info .p_grownumcon{position: absolute;left:50%;top:-42px; margin-left: -40px;border:1px #ddd solid\9; background:#fff; padding:8px 0px;width: 80px;box-shadow:0px 1px 4px rgba(12,4,7,0.2);border-radius:4px;word-wrap: break-word;}

.m_sider .vipzttype{margin:0px auto 10px;width: 190px;position:relative;}
.m_sider .lastdaymag{display:inline-block; width:165px;}
.m_sider .ztdaymag{position:absolute;right:0px;top:0px;}
.m_sider .havedoubox{text-align:center;margin: 11px auto 0px;width: 100%;position:relative;font-size: 14px;}
.m_sider .havedoubox .doutype{display:inline-block; width:15px; height:15px;overflow:hidden;vertical-align:-2px;*vertical-align:middle;margin-left: 2px;background:url(../images/bg_index.png) no-repeat -161px 0;}
.m_sider .havedoubox .doutypeok{background-position:-144px 0;}
.m_sider .havedoubox .line1{color:#C6C6C6;position:absolute;left:70px;top:5px;width:1px; height:12px;overflow:hidden;background:#C6C6C6;line-height: 111;}
.m_sider .havedoubox .line2{color:#C6C6C6;position:absolute;left:170px;top:5px;width:1px; height:12px;overflow:hidden;background:#C6C6C6;line-height: 111;}
.m_sider .havedoubox .dou-gold{position:absolute;left:0px;top:0px;}
.m_sider .havedoubox .dou-link{position:absolute;right:0px;top:0px;}
.m_sider .abcword{ font-family:arial,simsun,"宋体";}

.m_sider .signbox{position: absolute;right: -16px;top: -12px;}
.m_sider .signbox .link-qd{display:inline-block; width:35px; height:30px;line-height:1000;overflow:hidden;background:url(../images/bg_index.png) no-repeat -174px -18px;}
.m_sider .signbox .link-qd:hover{background-position:-210px -18px;}
.m_sider .signbox .link-qdok{background-position:-246px -18px;}
.m_sider .signbox .link-qdok:hover{background-position:-246px -18px;}
.m_sider .signbox .p_signcon{position: absolute;left:-220px;top:32px;z-index: 10; border:1px #ddd solid\9; background:#fff; padding:8px 20px 20px;box-shadow:0px 1px 4px rgba(12,4,7,0.2);width:210px ;border-radius:5px;}
.m_sider .signbox .p_signcon .signtop{ border-bottom:1px #ddd dashed;height:25px; line-height:25px;position:relative;display:block; text-align:center;margin-bottom: 10px;font-size: 14px;}

.m_sider .signbox .datelink{display:inline-block;position:absolute;top:5px;width:14px; height:16px;overflow:hidden;background:url(../images/bg_index.png) no-repeat 0 -9999em;}
.m_sider .signbox .lkup{left:0px;background-position: -228px 0}
.m_sider .signbox .lkup:hover{background-position:  -258px 0}
.m_sider .signbox .lknext{right:0px;background-position:  -243px 0}
.m_sider .signbox .lknext:hover{background-position: -273px -0}

.m_sider .signbox .dateexcel{}
.m_sider .signbox .dateexcel table{margin: 0 auto;}
.m_sider .signbox .dateexcel table th{width:30px; height:29px;line-height:29px;text-align:center;}
.m_sider .signbox .dateexcel table td{width:30px; height:29px;line-height:29px;text-align:center;}
.m_sider .signbox .dateexcel .ic_qd{background:#EEA3A3;background:url(../images/bg_index.png) no-repeat -143px -18px;}
.m_sider .signbox .dateexcel .freeday{background:#fcf4f4;color:#DC0000;}
.m_sider .signbox .tbinfotips{background:#FFE3E3;padding: 3px 7px;margin-top:5px;font-size: 14px; }

.m_sider .user_info .icvip{vertical-align:-2px;margin:0 1px}

.m_sider .u_notvip .user_info{margin-bottom:32px;}
.m_sider .u_notvip .typebtn{padding-top: 35px;border-top: 1px #E3E3E3 dashed;;}
.m_sider .u_isvip .user_info{margin-bottom: 17px; }
.m_sider .u_isvip .typebtn{ border-top: 1px #E3E3E3 dashed;;}


.m_sider .vipgrowbox{width:100%;height:35px;position:relative;}
.m_sider .growtext{ }
.m_sider .updatebox{height: 35px;position:relative;}
.m_sider .updatebox .updatebar{height: 7px;background: #EAEAEA;width: 100%;border-radius:4px; }
.m_sider .updatebox .updatebar span{height: 7px;background: #FFB400;display:block;overflow:hidden;position:relative;border-radius:4px; }
.m_sider .updatebox .updatebar .s_icon{width:14px; height:7px;overflow:hidden;position:absolute;right:1px;top:3px;}

.m_sider .updatebox .l_txt{font-family: Arial;position:absolute;left:0px;top:15px;font-size: 14px;}
.m_sider .updatebox .r_txt{font-family: Arial;position:absolute;right:0px;top:15px;font-size: 14px;}
.m_sider .updatebox .sjtimes{position:absolute;left:0px;top:17px;width: 100%;text-align:center;}
.m_sider .updatebox .showsjday{position:absolute;left:0px;top:17px;width: 100%;text-align:center;}

.m_sider .datedown .updatebar span{background: #888888}
.m_sider .datedown .updatebar .s_icon{background-position:-213px 0px}
.m_sider .datedown .l_line{background: #888888}

.m_sider .datedongjie .updatebar .s_icon{background-position:-213px 0}

.m_sider .vipdate{padding-top: 10px;border-top: 1px #E3E3E3 solid;margin: 10px 0}

.m_sider .aboutit{position:absolute;left:30px;bottom:18px;font-size: 14px;height: 20px;overflow:hidden;width: 235px;}
.m_sider .aboutit li{ margin-bottom:4px; height:20px; line-height:20px;overflow:hidden;text-align:center;}

/* 2016 index */
.y16 .index{padding-bottom: 0; margin-top: -70px;}
/*2016-04-12 by ruojun remove padding-bottom*/
/* theme background */
.themebg_wp{position: absolute; z-index: 0; width: 100%; min-width: 1200px; height: 960px; background: url(../images/bg.jpg) no-repeat center bottom;}
.theme_1111 .themebg_wp{background: url(../images/bg_1111.jpg) no-repeat center bottom;}
/*.theme_ny .themebg_wp{background-image: url(../images/bg_index.png);}
.theme_sy .themebg_wp{background-image: url(../images/bg_index.jpg);}
.theme_sy .themebg_wp a { position: relative; display: block; height: 100%; overflow: hidden; }
.theme_sy .themebg_wp a .inner { position: relative; display: block; width: 1200px; height: 100%; margin: 0 auto; }
.theme_sy .themebg_wp .ferris_wheel .i_cycl, .theme_sy .themebg_wp .ferris_wheel .i_jz, .theme_sy .themebg_wp .i_cdai, .theme_sy .themebg_wp .i_girl, .theme_sy .themebg_wp .man .i_man, .theme_sy .themebg_wp .man .i_balloon { background: url(../images/spr_sy.png); }
.theme_sy .themebg_wp .i_girl { position: absolute; bottom: -60px; right: -348px; width: 358px; height: 627px; }
.theme_sy .themebg_wp .i_girl { animation: Swing 5s linear infinite; }
.theme_sy .themebg_wp .man { position: absolute; left: -313px; bottom: -8px; }
.theme_sy .themebg_wp .man .i_balloon { animation: Swing 5s linear infinite; position: absolute; top: -72px; left: -22px; width: 58px; height: 106px; background-position: -375px 0; }
.theme_sy .themebg_wp .man .i_man { position: relative; display: block; width: 78px; height: 132px; background-position: -450px 0; z-index: 1; }
.theme_sy .themebg_wp .i_cdai { animation: Swing 5s 2s linear infinite; position: absolute; left: -320px; bottom: 30px; width: 302px; height: 494px; background-position: -375px -150px; z-index: 1; }
.theme_sy .themebg_wp .ferris_wheel { position: absolute; left: -72px; bottom: 205px; }
.theme_sy .themebg_wp .ferris_wheel .i_jz { position: absolute; top: -36px; left: -100px; width: 200px; height: 228px; background-position: 0 -650px; }
.theme_sy .themebg_wp .ferris_wheel .i_cycl { animation: revolution 60s linear infinite; position: absolute; top: -174px; left: -174px; width: 348px; height: 348px; background-position: -225px -650px; }
@keyframes Swing {
	50% { transform: translate(5px, -7px); }
}
@keyframes revolution {
	100% { transform: rotate(360deg); }
}*/

/* carousel */
.carousel{position: relative; height: 540px;}
.carousel li{display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
.carousel .img_wp{display: block; margin: 0 auto; width: 100%; height: 100%;}
.carousel li.on{display: block;}

.carousel .pic_guide{position: absolute; z-index: 10; left: 0; bottom: 5.56%; width: 100%; text-align: center;font-size: 0;}
.pic_guide .dot{position: relative; display: inline-block; width: 94px; height: 36px; line-height: 36px; color: #fff; font-size: 13px; -webkit-transition:all .3s; transition:all .3s; cursor: pointer; vertical-align: middle; }
.pic_guide .dot:after{content: ""; position: absolute; left: 5px; bottom: 0; width: 89%; height: 2px; background: #000; -webkit-transition:all .3s; transition:all .3s; filter: alpha(opacity=40); opacity: .4;}
.pic_guide .dot.on{background: rgba(255,255,255,.2);}
.pic_guide .dot.on:after,.pic_guide .dot:hover:after{left: 0; width:100%; background: #fff; filter: alpha(opacity=90); opacity: .9;}
.pic_guide .dot.off:after { content: '' !important; }

.carousel .btn_arrow_wp a{position: absolute; top: 50%; margin-top: 3px; width: 33px; height: 64px; overflow: hidden; line-height: 64; background: url(../images/index_spr24.png) no-repeat 0 0;z-index: 2;}
.carousel a.btn_prev{left: -114px;}
.carousel a.btn_prev:hover{background-position: -50px 0;}
.carousel a.btn_next{right: -114px; background-position: -150px 0;}
.carousel a.btn_next:hover{background-position: -100px 0;}

.mission_wp{line-height: 1.5; margin-bottom: 30px;}
.mission_tabs{overflow: hidden;}
.mission_tabs .item{position: relative; float: left; width: 20%; height: 100px; background: #ff464e; transition: .3s;}
.mission_tabs .item:after{content: ""; position: absolute; z-index: 1; right: -1px; top: 18px; width: 1px; height: 64%; background: #e41e27;}
.mission_tabs .item a{display: block; height: 100%;}
.mission_tabs .cont{display: block; padding: 22px 0 0 110px;}
.mission_tabs .ico_duobao{ margin-left: 5px; top: -2px; position: relative;}
.mission_tabs .tit{display: block; font-size: 20px; color: #fff;}
.mission_tabs .txt{display: block; color: #ffbabd;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mission_tabs .mark_new{position: absolute; right: 5%; top: 0; width: 27px; height: 27px; overflow: hidden; line-height: 27; background: url(../images/index_spr24.png) no-repeat -150px -150px;}
.mission_tabs .mark_new:after{content: ""; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: url(../images/index_spr24.png) no-repeat -100px -200px;}
.mission_tabs .item:hover{background: #ff636a; z-index: 2;}
.mission_tabs .item:hover .mark_new:after{border-bottom-color: #ff636a;}
.mission_tabs .item.on,.mission_tabs .item.on:hover{background: #fff; z-index: 2;}
.mission_tabs .item.on a{cursor: default;}
.mission_tabs .item.on:after,.mission_tabs .item:hover:after{display: none;}
.mission_tabs .item.on .tit{color: #e41e27;}
.mission_tabs .item.on .txt{color: #8b8b8b;}
.mission_tabs .item.on .mark_new{background-position: -150px -200px;}
/*sevenyear theme*/
/*.theme_sy .mission_tabs .item { background: #29a7f7; }
.theme_sy .mission_tabs .item:hover { background: #4ab8fe; }
.theme_sy .mission_tabs .item.on, .theme_sy .mission_tabs .item.on:hover{background: #fff; z-index: 2;}
.theme_sy .mission_tabs .txt { color: #a5f0ff; }
.theme_sy .mission_tabs .item:after { background: #64ccff; }*/
/*sevenyear theme end*/

.ico_signin,.ico_lottery,.ico_stamp,.ico_hongbao,.ico_shop,.ico_crown{position: absolute; left: 20px; top: 10px; width: 80px; height: 80px; background: url(../images/icons_normal.png) no-repeat;}
/* newyear theme icons */
/*.theme_ny .ico_signin,.theme_ny .ico_lottery,.theme_ny .ico_stamp,.theme_ny .ico_hongbao,.theme_ny .ico_shop{background: url(../images/icons_newyear.png) no-repeat;}*/
/* sevenyear theme icons */
/*.theme_sy .ico_signin,.theme_sy .ico_lottery,.theme_sy .ico_stamp,.theme_sy .ico_hongbao,.theme_sy .ico_shop{background: url(../images/icons_sevenyear.png) no-repeat;}*/

.mission_tabs .ico_lottery{background-position: -100px 0;}
.mission_tabs .ico_stamp{background-position: -200px 0;}
.mission_tabs .ico_hongbao{background-position: -300px 0;}
.mission_tabs .ico_shop{background-position: -400px 0;}
.mission_tabs .ico_crown{background-position: -500px 0;}
.mission_tabs .item.on .ico_signin,.mission_tabs .item:hover .ico_signin{background-position: 0 -100px;}
.mission_tabs .item.on .ico_lottery,.mission_tabs .item:hover .ico_lottery{background-position: -100px -100px;}
.mission_tabs .item.on .ico_stamp,.mission_tabs .item:hover .ico_stamp{background-position: -200px -100px;}
.mission_tabs .item.on .ico_hongbao,.mission_tabs .item:hover .ico_hongbao{background-position: -300px -100px;}
.mission_tabs .item.on .ico_shop,.mission_tabs .item:hover .ico_shop{background-position: -400px -100px;}
.mission_tabs .item.on .ico_crown,.mission_tabs .item:hover .ico_crown{background-position: -500px -100px;}
.mission_tabs .item .checked{position: absolute; right: 1px; bottom: 8px; width: 25px; height: 25px; background: url(../images/index_spr24.png) no-repeat -200px 0;}

.mission_cont{height: 290px; background: #fff; overflow: hidden;}
.mission_area{display: none; height: 100%;position: relative;}

.awards_wp{position: relative; height: 100%;}
.awards_wp .btn_more{position: absolute; right: 0; top: 50%; margin-top: -25px; width: 22px; height: 50px; overflow: hidden; line-height: 50; background: #cdcdcd url(../images/index_spr24.png) no-repeat -350px 0; transition: .2s;}
.awards_wp .btn_more:hover{background-color: #797979;}
.awards_list .item{ width: 20%; text-align: center; float: left; position: relative;}
.awards_list .item:hover .days{background: #fff; color: #fe8e0b;}
.awards_list .days{position: absolute; left: 50%; top: -48px; margin-left: -16px; width: 30px; height: 30px; line-height: 32px; color: #fff; border-radius: 100%; background: #ff9c00; border: 1px solid #ff9c00; transition: .2s; font-size: 12px; white-space: nowrap;}
.awards_list .img_wp{display: block; margin: 0 auto 12px; width: 170px; height: 145px; overflow: hidden;}
.awards_list .img_wp img:hover{-webkit-animation: zoomin 1s ease both;}
@-webkit-keyframes zoomin{
	0%{-webkit-transform: scale(1);}
	100%{-webkit-transform: scale(1.04);}
}
.awards_list .tit_small{font-size: 12px;}
.awards_list .link{margin-top: 2px;}
.awards_list .link a:hover{text-decoration: underline;}
.awards_list .ico_hot,.awards_list .ico_new,.awards_list .ico_super{top: 15px; right: 14px;}

.mission_signin{position: relative;padding-left: 20%;}
.mission_signin .signin{position: absolute; left: 3.125%; top: 11.03%; width: 16.83%; height: 79.31%; background: #fff5d6; border-radius: 6px; text-align: center;}
.mission_signin .signin:before,.mission_signin .signin:after{content: ""; position: absolute; top: -7px; width: 14px; height: 26px; background: url(../images/index_spr24.png) no-repeat -200px -50px;}
.mission_signin .signin:before{left: 40px;}
.mission_signin .signin:after{right: 40px;}
.mission_signin .awards_list .item{width: 25%;}
.signin .slogan{margin-bottom: 7.43%; height: 24.35%; line-height: 4.4; background: #fe8e0b; border-radius: 6px 6px 0 0; color: #fff; font-size: 16px;}
.signin .date_wp{margin-bottom: 7.92%;}
.signin .date{font-size: 30px;}
.signin .date_wp .tip{line-height: 18px;}
.signin .btn_wp{text-align: center;}
.signin .btn_wp.unlogin{padding-top: 4.95%;}
.signin .btn_wp.unlogin .tip{display: none;}
.signin .btn_red,.signin .btn_off{width: 51%; min-width: 51%; font-size: 18px;}
.signin .btn_signin:hover{background: #f7222c;color: #fff;}
.signin .btn_wp .tip{margin-top: 3.47%;font-size: 12px;}
.signin .btn_wp .tip a:hover{text-decoration: underline;}
.signin .btn_wp .line{margin: 0 4px; color: #b1b1b1;}
.awards_wp .signin_hd{margin: 0 auto 30px; padding-top: 8px; width: 75%; height: 33px; line-height: 33px; text-align: center; font-size: 13px; color: #ff8a00; border-bottom: 1px dashed #ffdba1; cursor: default;}
.awards_wp .signin_hd_super{display: none; position: absolute; left: 50%; top: 57px; margin-left: -37.5%; width: 75%; text-align: center; font-size: 13px;}
.signin_hd_super span{position: absolute; top: 0; text-indent: -1em; white-space: nowrap;}
.awards_wp .signin_hd:hover+div{display: block;}
.signin_hd_super .day1{left: 0;}
.signin_hd_super .day2{left: 33.33%;}
.signin_hd_super .day3{left: 66.67%;}
.signin_hd_super .day4{left: 100%;}
.mission_signin .awards_list .item{width: 25%;}

/* cashback */
.mission_cashback{}
.cashback_left{float: left; position: relative; z-index: 2; margin: 3.5% 2.92% 0 2.5%; padding-top: 2.92%; width: 19.33%; height: 185px; background: #fff5d6; border-radius: 8px;}
.cashback_left:after{content: ""; position: absolute; left: 50%; top: 10.91%; margin-left: -21.55%; width: 43.1%; height: 5%; background: #d39f00; border-radius: 6px;}
.corner_mark{position: absolute; z-index: 2; left: 0; top: 0; width: 53px; height: 53px; overflow: hidden; line-height: 53; background: url(../images/spr24_cashback.png);}
.corner_mark_1{background-position: 0 -150px;}
.corner_mark_2{background-position: -75px -150px;}
.corner_mark_3{background-position: -150px -150px;}
.cashback_left .coin{position: absolute; z-index: 1; left: 76px; top: -9.4%; width: 80px; height: 80px; background: url(../images/index_spr24.png) 0 -150px; font: bold 24px/80px arial; text-align: center; color: #a68400;}
.cashback_left .cont{position: relative; z-index: 1; padding-top: 8.62%; background: #fff5d6; text-align: center;}
.cashback_left .money{margin-left: 5px; color: #e41e27; font-weight: bold;}
.cashback_left .money em{font: 24px/1.5 arial;}
.cashback_left .tit .mark{display: inline-block; padding: 0 5px; margin-left: 6px; height: 16px; line-height: 16px; color: #fff; font-size: 12px; background: #ffca00; border-radius: 2px;}
.cashback_left .txt{font-size: 12px;}
.cashback_left .btn_wp{margin-top: 9.91%;}
.cashback_left .btn_wp .btn_red{margin-bottom: 6px;}
.cashback_left .btn_wp .tip{position: relative; font-size: 12px;}
.cashback_left .btn_wp .tip .line{margin: 0 6px; color: #b1b1b1;}
.cashback_left .ico_tip_wp{position: absolute; z-index: 1; display: inline-block; right: 14.22%; top: 1px;}
.cashback_left .pop_tip{display: none; position: absolute; padding: 17px 20px; left: 20px; bottom: -24px; width: 153px; background: #fff; border-radius: 2px; text-align: left; box-shadow: 0 0 5px rgba(0,0,0,.22); border-radius: 3px;}
.cashback_left .ico_tip_wp:hover .pop_tip{display: block;}
.cashback_left .pop_tip dt{margin-bottom: 3px;}
.cashback_left .pop_tip dd{line-height: 19px; font-size: 12px;}
.mission_cashback .func_wp{float: left; margin-top: 3.5%; width: 74.25%; overflow: hidden;}
.mission_cashback .func{float: left; position: relative; margin-right: 2.39%; width: 30.64%; height: 218px; border: 1px solid #f3f3f3; border-radius: 4px;}
.mission_cashback .func .cont{position: relative; z-index: 1; padding: 14.29% 0 0 7.33%;}
.mission_cashback .func .tit{margin-bottom: 5px; font-size: 24px;}
.mission_cashback .func .txt{width: 7.5em; color: #8b8b8b;}
.mission_cashback .func .link_go{position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 100%; font-size: 18px;}
.mission_cashback .func .link_go span{position: absolute; left: 7.33%;
    bottom: 24.31%; font-size: 18px;}
.mission_cashback .func:before{content: ""; position: absolute; left: 45.42%; top: 17.89%; width: 134px; height: 134px; background: url(../images/spr24_cashback.png) no-repeat; transition: .3s;}
.mission_cashback .func_double:before{background-position: -150px 0;}
.mission_cashback .func_duobao:before{background-position: -300px 0;}
.mission_cashback .func:hover:before{transform: rotate(5deg);}

.cashback_left .coin.down{-webkit-animation: coin_down .8s both;}
@-webkit-keyframes coin_down{
	0%{transform: translateY(0) rotate(0)}
	100%{transform: translateY(100%) rotate(-360deg)}
}
.cashback_left .coin.up{-webkit-animation: coin_up .6s both;}
@-webkit-keyframes coin_up{
	0%{transform: translateY(100%) rotate(-360deg)}
	90%{transform: translateY(-5%) rotate(0)}
	100%{transform: translateY(0) rotate(0)}
}
/* cashback end */

.mission_lottery .hongbao_get{width: 20%;padding-top: 5.17%;z-index: 1;position: absolute;float: none;left: 0;top: 0;;;}
.mission_lottery .hongbao_get .tit{margin-bottom: 4px; font-size: 30px; color: #e41e27;}
.mission_lottery .hongbao_get .txt{font-size: 20px;}
.mission_lottery .hongbao_get .btn_wp{margin-top: 12.08%;}
.mission_lottery .hongbao_get .link_txt{margin-top: 2.5%;}
.mission_lottery .awards_wp{padding-left: 20%;}
.mission_lottery .awards_list{padding-top: 5.31%;}
.mission_lottery .awards_list .item{width: 16.875%; height: 188px; margin: 0 10px;}

.mission_lottery .lottery_state{height: 100%;}
.mission_lottery .lottery_before,.mission_lottery .lottery_nothing,.mission_lottery .lottery_click,.mission_lottery .lottery_discount,.mission_lottery .lottery_ready{height: 97.87%; border-radius: 6px; background: #fff5d6; border: 2px solid #fff5d6;}
.super_list .lottery_before,.super_list .lottery_nothing,.super_list .lottery_click,.super_list .lottery_discount{background: #ffd9db; border-color: #ffd9db;}
.mission_lottery .lottery_ready{background: #ff5961; border-color: #ff5961;}
.lottery_ready a{display: block; position: relative; width: 100%; height: 100%;}
.lottery_ready .mark{position: absolute; left: 50%; top: 50%; margin: -40px 0 0 -40px; width: 81px; height: 81px; background: url(../images/index_spr.png);}
.lottery_ready .mark2{background-position: -100px 0;}
.lottery_ready .mark3{background-position: -200px 0;}
.lottery_ready .mark4{background-position: -300px 0;}
.lottery_ready .tip{display: none; position: absolute; left: 0; bottom: 0; height: 34px; line-height: 34px; width: 100%; color: #fff; background: #e34048; font-size: 16px; border-radius: 0 0 6px 6px;}
.lottery_ready:hover .tip{display: block;}
.mission_lottery .lottery_over{background: #bababa; border-color: #bababa;}
.lottery_over a{cursor: default;}
.lottery_over:hover .tip{display: none;}
.lottery_over .mark{cursor: default;}
.lottery_over .mark1{background-position: 0 -100px;}
.lottery_over .mark2{background-position: -100px -100px;}
.lottery_over .mark3{background-position: -200px -100px;}
.lottery_over .mark4{background-position: -300px -100px;}
.lottery_over .ready:hover .tip{display: none;}
.lottery_nothing,.lottery_click,.lottery_discount{border-color: #fe4e56 !important;}
.lottery_nothing .tit{color: #fe4e56;}
.lottery_discount .discount{position: absolute; left: 50%; top: 50%; margin: -50px 0 0 -50px;  width: 100px; height: 100px; background: #ffba00; border-radius: 100%; line-height: 100px; color: #fff; font-size: 27px;}
.lottery_discount .discount .num{ font-size: 36px; position: relative; top: 3px;}

.mission_lottery .awards_list .img_wp{ width: 86.42% !important; height: 63.83% !important; margin: 9.26% auto 8.64%; position: relative;}
.mission_lottery .btn_lottery_wp{position: absolute; right: 4.17%; top: 53px; text-align: center;}
.mission_lottery .btn_lottery{display: block; margin-bottom: 18px; width: 97px; height: 131px; background: url(../images/index_spr24.png) no-repeat 0 -500px; overflow: hidden; line-height: 131;}
.mission_lottery .btn_lottery:hover{background-position: -100px -500px;}
.mission_lottery .btn_lottery:active{background-position: -200px -500px;}
.mission_lottery .btn_exchange_wp{position: absolute; right: 61px; height: 20px; overflow: hidden; line-height: 20px;top: 6.9%;}
.mission_lottery .btn_exchange_wp a:hover .ico_exchange{transition: .4s;transform: rotate(180deg);}
.lottery_nothing .img_wp img:hover{-webkit-animation: none; cursor: default;}

.awards_list .ticket{display: block; margin: 0 auto 32px; width: 135px; height: 115px; background: url(../images/index_spr24.png) no-repeat 0 -350px; color: #e41e27;}
.awards_list .ticket_red{background-position: -150px -350px; color: #ffc600;}
.ticket .money{display: block; font-size: 18px; font-weight: bold;}
.ticket .money .num{font-size: 60px;position: relative;top: 3px;}

.mission_duobao{position: relative; height: 100%;}
.mission_duobao .duobao_cont{margin: 30px 0 0 30px; width: 72.25%; height: 79.31%; background: #fff5d6; border-radius: 4px;}
.hongbao_get{float: left; padding-top: 4.27%; width: 23.41%; text-align: center;}
.hongbao_get .money{display: block; margin-bottom: 2px; height: 48px; line-height: 48px; font-size: 18px; color: #e41e27;}
.hongbao_get .money .num{font-size: 48px;}
.hongbao_get .txt{font-size: 24px;line-height: 1;display: block;;}
.hongbao_get .btn_wp{margin-top: 6.5%;}
#comment{margin:0 auto;width:70.44%;}
.hongbao_get .link_txt{margin-top: 10.4%;}
.hongbao_get .link_txt a:hover{text-decoration: underline;}
.hongbao_wp{float: left; padding: 20px 0 0 20px;width: 73%;}
.hongbao_wp .tip{padding-left: 3px; font-size: 12px;}
.hongbao_wp .tip .num{color: #e41e27;}
.hongbao_cont{margin-top: 15px; overflow: hidden;}
.hongbao_cont .hongbao{float: left; margin-right: 23px; text-align: center;}
.hongbao .money{display: block; margin-bottom:11px; width: 101px; height: 125px; background: url(../images/index_spr24.png) no-repeat -250px -100px; color: #ffc52a; line-height: 144px; font-size: 18px;}
.hongbao .money .num{font-size: 48px;}
.hongbao .count{display: block;}
.hongbao_cont .ico_plus{float: left; margin: 35px 23px 0 0; font-size: 38px; color: #fe4e56;}
.duobao_get{position: absolute; top: 0; right: 2.41%; width: 20.42%; height: 232px; text-align: center;}
.duobao_get .img_wp{margin-bottom: 7px; width: 100%;}
.duobao_get .btn_wp{margin-top: 7px;}
.duobao_get2{position: absolute; top: 0; right: 2.41%; text-align: center;width: 20.67%;}
.duobao_get2 .btn_wp{position: absolute; bottom: 15%;width: 100%;left: 0;}
.duobao_get2 .btn_yellow{background: #fee900;}
.duobao_get2 .btn_yellow:hover{background: #fff04c;}
.duobao_get2 .btn_off,.duobao_get2 .btn_off:hover{background: #d3362a;}
.duobao_get2 .tit{position: absolute; left: 0; bottom: 33.04%; width: 100%; font-size: 24px; color: #fff;}
.duobao_get2 .tit .num{font-size: 36px;}
.duobao_get2 .tex_wp { position: absolute; left: 0; bottom: 4%; width: 100%; text-align: center; font-size: 12px; color: #fff; }
.duobao_get2 .tex_wp a { color: #fff; }

.mission_exchange .awards_list,.mission_ticket .awards_list{padding-top: 25px;}
.mission_exchange .btn_wp,.mission_ticket .btn_wp{margin-top: 5px;}

/*vip activity*/
.active_wp{padding-top: 50px;}
.active{float: left; position: relative; margin-left: 2.5%; width: 30%; height: 190px; background: #fff5d6; border-radius: 5px;}
.active .img_active{position: absolute; left: 10px; bottom: 0; width: 50%;}
.active .img_active img{display: block; width: 100%;}
.active .cont{margin: 12.78% 0 0 58.33%;}
.active .cont .tit{margin-bottom: 2px; width: 96%; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.active .cont .txt{width: 96%; font-size: 12px; color: #8b8b8b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.active .btn_trans{margin-top: 17%; width: 98px;}
.active:hover .btn_trans{background: #f7222c; color: #fff; border-color: #f7222c;}
/*vip activity end*/

/* guide arrow */
.guide_arrow{position: fixed; left: 50%; bottom: 10px; margin-left: -27px; transition: .2s;}
.guide_arrow span{display: block; width: 53px; height: 27px; background: url(../images/index_spr24.png) no-repeat -50px -100px; -webkit-animation:parr_effect 1.5s linear both infinite; animation:parr_effect 1.5s linear both infinite;}
@-webkit-keyframes parr_effect{
  0%{-webkit-transform: translateY(-5px);opacity: 0.8;}
  50%{-webkit-transform: translateY(10px);opacity: 1;}
  100%{-webkit-transform: translateY(-5px);opacity: 0.8;}
}
@keyframes parr_effect{
  0%{transform: translateY(-5px);opacity: 0.8;}
  50%{transform: translateY(10px);opacity: 1;}
  100%{transform: translateY(-5px);opacity: 0.8;}
}

/* top banner area */
.ban_top{position: relative; z-index: 101;}
.ban_top_wp .modwp{overflow: hidden;}
.ban_top_wp .ban_click{display: block; position: relative;}
.ban_top_wp .ban_click img{display: block; width: 100%;}
.ban_top_wp .ban_click .packup,.ban_top_packup .ban_click .show{display: none;}
.ban_top_packup .ban_click .packup{display: block;}
.ban_top_wp .close{display:none; position: absolute; right: 0; top: 50%; margin-top: -12px; width: 25px; height: 25px; overflow: hidden; line-height: 25; background: url(../images/index_spr24.png) no-repeat -150px -100px;}
.ban_top_packup .close{display: block;}
.ban_top .wrapper-head{position: static;}
.wrapper-head.posfix{position: fixed;}

/*width 1440 inner*/
.w1400 .carousel a.btn_prev{left: -64px;}
.w1400 .carousel a.btn_next{right: -64px;}
.w1300 .carousel a.btn_prev,.w1100 .carousel a.btn_prev,.w1000 .carousel a.btn_prev,.w900 .carousel a.btn_prev{left: 0;}
.w1300 .carousel a.btn_next,.w1100 .carousel a.btn_next,.w1000 .carousel a.btn_next,.w900 .carousel a.btn_next{right: 0;}
.w1100 .themebg_wp{height: 901px; min-width: 1100px;}
.w1100 .carousel{height: 495px;}
.w1100 .mission_tabs .item{height: 91px;}
.w1100 .mission_tabs .cont{padding: 20px 0 0 100px;}
.w1100 .ico_signin,.w1100 .ico_lottery,.w1100 .ico_stamp,.w1100 .ico_hongbao,.w1100 .ico_shop,.w1100 .ico_crown{zoom: .91; left: 18px; top: 9px;}
.w1100 .mission_signin{padding: 0 0 0 20%;}
.w1100 .mission_signin .signin{left: 27px; top: 27px; width: 183px;}
.w1100 .mission_cont{height: 264px;}
.w1100 .signin .date_wp{margin-bottom: 8px;}
.w1100 .awards_list .img_wp{width: 155px; height: 132px; margin-bottom: 10px;}
.w1100 .awards_list .ticket{margin-bottom:15px;}
.w1100 .hongbao_cont .hongbao,.w1100 .hongbao_cont .ico_plus{zoom:.91; margin-right: 17px\0;}
.w1100 .duobao_get{zoom: .91; right: -1px\0;}.w1100 .hongbao_get{padding-top: 30px;}
.w1100 .hongbao_get .money{font-size:16px;height:44px;line-height:44px;}
.w1100 .hongbao_get .money .num{font-size: 44px;}
.w1100 .hongbao_get .txt{font-size: 22px;}
.w1100 .mission_lottery .btn_exchange_wp{right: 47px;}
.w1100 .mission_lottery .awards_list{padding-top: 46px;}
.w1100 .mission_lottery .hongbao_get{padding-top: 50px;}
.w1100 .mission_cashback .func:before,.w1100 .cashback_left .coin,.w1100 .mission_tabs .mark_new{zoom: .93;}
.w1100 .cashback_left .coin{left: 70px\0;}
.w1100 .mission_cashback .func{height: 201px;}
.w1100 .mission_cashback .func .tit{font-size: 22px;}
.w1100 .cashback_left{height: 170px;}
.w1100 .cashback_left .ico_tip_wp{bottom: 10px;}
.w1100 .active{height: 174px;}

.w1000 .themebg_wp{height: 842px; min-width: 1000px;}
.w1000 .carousel{height: 450px;}
.w1000 .mission_tabs .item{height: 83px;}
.w1000 .mission_tabs .cont{padding: 18px 0 0 86px;}
.w1000 .ico_signin,.w1000 .ico_lottery,.w1000 .ico_stamp,.w1000 .ico_hongbao,.w1000 .ico_shop,.w1000 .ico_crown{zoom: .83; left: 16px;}
.w1000 .mission_signin{padding: 0 0 0 20%;}
.w1000 .mission_signin .signin{}
.w1000 .mission_cont{height: 240px;}
.w1000 .signin .slogan{font-size: 14px;}
.w1000 .signin .date{font-size: 25px;}
.w1000 .awards_wp .signin_hd{margin-bottom:32px;padding-top:6px;}
.w1000 .awards_wp .signin_hd_super{top:54px;}
.w1000 .awards_list .days{top:-50px;}
.w1000 .awards_list .img_wp{width: 128px; height: 109px; margin-bottom: 4px;}
.w1000 .awards_list .item .link_get{font-size: 12px;}
.w1000 .mission_ticket .awards_list{padding-top: 28px;}
.w1000 .awards_list .ticket{margin-bottom:15px;}
.w1000 .hongbao_cont .hongbao,.w1000 .hongbao_cont .ico_plus{zoom:.83; margin-right: 17px\0;}
.w1000 .hongbao_get{padding-top: 30px;}
.w1000 .hongbao_get .money{font-size:15px;height:40px;line-height:40px;}
.w1000 .hongbao_get .money .num{font-size: 40px;}
.w1000 .hongbao_get .txt{font-size: 20px;}
.w1000 .hongbao_get .link_txt{margin-top: 17px;}
.w1000 .mission_lottery .lottery_before, .w1000 .mission_lottery .lottery_nothing, .w1000 .mission_lottery .lottery_click, .w1000 .mission_lottery .lottery_discount, .w1000 .mission_lottery .lottery_ready{height: 153px;}
.w1000 .lottery_discount .discount{margin: -41px 0 0 -41px; width: 83px; height: 83px; line-height: 83px; font-size: 22px;}
.w1000 .lottery_discount .discount .num{font-size: 30px;}
.w1000 .mission_lottery .btn_exchange_wp{right: 35px;}
.w1000 .mission_cashback .func:before,.w1000 .cashback_left .coin,.w1000 .mission_tabs .mark_new{zoom: .83;}
.w1000 .cashback_left .coin{left: 63px\0;}
.w1000 .mission_cashback .func{height: 181px;}
.w1000 .mission_cashback .func .tit,.w1000 .cashback_left .money em{font-size: 20px;}
.w1000 .mission_cashback .func .txt{font-size: 12px;}
.w1000 .mission_cashback .func .link_go span{font-size: 15px;}
.w1000 .cashback_left{height: 153px;}
.w1000 .cashback_left .ico_tip_wp{right: 14px;}
.w1000 .cashback_left .btn_wp{margin-top: 10px;}
.w1000 .active{height: 158px;}
.w1000 .active .cont .tit{font-size: 14px;}

.w900 .themebg_wp{height: 744px; min-width: 900px;}
.w900 .carousel{height: 405px;}
.w900 .pic_guide .dot{font-size: 12px; width: 80px;}
.w900 .mission_tabs .item{height: 80px;}
.w900 .mission_tabs .cont{padding: 16px 0 0 75px;}
.w900 .ico_signin,.w900 .ico_lottery,.w900 .ico_stamp,.w900 .ico_hongbao,.w900 .ico_shop,.w900 .ico_crown{zoom: .75; left: 15px;}
.w900 .mission_tabs .tit{margin-bottom: 2px; font-size: 16px;}
.w900 .mission_tabs .txt{font-size: 12px;}
.w900 .mission_cont{height: 230px;}
.w900 .mission_signin{padding: 0 0 0 20%;}
.w900 .signin .slogan{font-size:13px;line-height:52px;height:42px;}
.w900 .signin .date{font-size: 22px;}
.w900 .signin .btn_signin{height: 38px; line-height: 38px; font-size: 14px;}
.w900 .signin .btn_wp .tip{margin-top: 5px; font-size: 12px;}
.w900 .awards_wp .signin_hd{margin-bottom:32px;padding-top:6px;}
.w900 .awards_wp .signin_hd_super{top:54px;}
.w900 .awards_list .days{top:-50px;}
.w900 .awards_list .img_wp{width: 128px; height: 109px;margin-bottom: 4px;}
.w900 .awards_list .item .link_get{font-size: 12px;}
.w900 .mission_ticket .awards_list{padding-top: 28px;}
.w900 .awards_list .ticket{margin-bottom:15px;}
.w900 .hongbao_cont .hongbao,.w900 .hongbao_cont .ico_plus{zoom:.75; margin-right:17px; margin-right: 13px\0;}
.w900 .hongbao_get .money{font-size:14px;height:36px;line-height:36px;}
.w900 .hongbao_get .money .num{font-size: 36px;}
.w900 .hongbao_get .txt{font-size: 18px;}
.w900 .hongbao_get .link_txt{margin-top: 15px;}
.w900 .duobao_get2 .tit{font-size: 18px;}
.w900 .duobao_get2 .tit .num{font-size: 27px;}

.w900 .mission_lottery .awards_list .item{height: 143px;}
.w900 .mission_lottery .lottery_state .tit{font-size: 12px;}
.w900 .mission_lottery .awards_list{padding-top: 45px;}
.w900 .mission_lottery .btn_exchange_wp{right: 22px;}
.w900 .lottery_discount .discount{margin: -37px 0 0 -37px; width: 75px; height: 75px; line-height: 75px; font-size: 20px;}
.w900 .lottery_discount .discount .num{font-size: 27px;}
.w900 .mission_lottery .hongbao_get{padding-top: 40px}

.w900 .vip-footer .mapin{padding-bottom: 10px;}
.w900 .vip-footer .mapin dt{margin-bottom: 20px; font-size: 16px;}
.w900 .vip-footer .mapin .fuwu{padding-left: 20px; padding-right: 0; width: 43%;}
.w900 .vip-footer .mapin .kefu{margin-right: 0; width: 40.78%;}
.w900 .mission_cashback .func:before{zoom: .72; left: 51%;}
.w900 .mission_cashback .func{height: 164px; width: 204px;}
.w900 .mission_cashback .func .tit,.w900 .cashback_left .money em{font-size: 18px;}
.w900 .mission_cashback .func .txt,.w900 .cashback_left .cont .tit{font-size: 12px;}
.w900 .mission_cashback .func .link_go span{font-size: 14px;}
.w900 .cashback_left{height: 139px;}
.w900 .cashback_left .ico_tip_wp{bottom: 8px; right: 12px;}
.w900 .cashback_left .coin{zoom:.75; left: 57px\0;}
.w900 .cashback_left .btn_wp{margin-top: 10px;}
.w900 .active{height: 142px;}
.w900 .mission_tabs .mark_new{zoom: .75;}
.w900 .active .cont .tit{font-size: 14px;}
/* 2016 index end */

/*scene*/
.scenewp { position: relative; overflow: hidden; zoom: 1; }
.scnitem { position: relative; width: 1200px; height: 990px; margin: 0 auto;; }
.scnitem .img_scn { position: absolute; top: 0; left: 50%; width: 1920px; margin-left: -960px; overflow: hidden; }
.scnitem .img_scn img { display: block; width: 100%; -webkit-transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1); transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1); }
.cont_scn { position: absolute; top: 25.25%; font-size: 16px; width: 100%; }
.cont_scn .tex_hide { display: inline-block; background: url(../images/tex_spr.png) no-repeat; overflow: hidden; }
.cont_scn .tex_hide h3, .cont_scn .tex_hide p { display: none; }
.cont_scn .tex_link { height: 16px; padding: 20px 0; line-height: 1; }
.cont_scn .tex_link a { color: #8b8b8b; }
.cont_scn .tex_link a:hover { color: #e31e27; }
.cont_scn .btnwp { padding-top: 20px; }
.cont_scn .btn_trans { width: 170px; height: 50px; line-height: 50px; border-radius: 26px; font-size: 18px; }

.feature_scn { display: inline-block; margin-top: 55px; font-size: 0; } /*55px*/
.feature_scn li { display: inline-block; border-right: 1px solid #dddfe0; border-right-color: rgba(182, 182, 182, .41); }
.feature_scn .it_feature { display: block; padding: 0 28px; transition: .3s; }
.feature_scn .it_feature:hover {-webkit-transform: translateY(-5px);  transform: translateY(-5px); }
.feature_scn .last { border: none; }
.feature_scn .last .it_feature { padding-right: 0; }
.feature_scn .first .it_feature { padding-left: 0; }
.feature_scn .it_feature i { display: block; height: 84px; background-image: url(../images/scn_spr.png); background-repeat: no-repeat; }
.feature_scn .it_feature .tit { display: none; }

.ico_splat { width: 64px; background-position: 0 0; }
.ico_sniao { width: 64px; background-position: -100px 0; }
.ico_sread { width: 66px; background-position: -200px 0; }
.ico_sjsq { width: 96px; background-position: -300px 0; }
.it_feature:hover .ico_splat { background-position: 0 -100px; }
.it_feature:hover .ico_sniao { background-position: -100px -100px; }
.it_feature:hover .ico_sread { background-position: -200px -100px; }
.it_feature:hover .ico_sjsq { background-position: -300px -100px; }

.ico_srocket { width: 65px; background-position: 0 -200px; }
.ico_sdown { width: 65px; background-position: -100px -200px; }
.ico_scloud { width: 65px; background-position: -200px -200px; }
.ico_sforb { width: 48px; background-position: -300px -200px; }
.it_feature:hover .ico_srocket { background-position: 0 -300px; }
.it_feature:hover .ico_sdown { background-position: -100px -300px; }
.it_feature:hover .ico_scloud { background-position: -200px -300px; }
.it_feature:hover .ico_sforb { background-position: -300px -300px; }

.ico_sbird { width: 97px; background-position: 0 -400px; }
.ico_svedio { width: 81px; background-position: -200px -400px; }
.ico_sgame { width: 80px; background-position: -400px -400px; }
.it_feature:hover .ico_sbird { background-position: 0 -500px; }
.it_feature:hover .ico_svedio { background-position: -200px -500px; }
.it_feature:hover .ico_sgame { background-position: -400px -500px; }

.scnitem_1, .scnitem_3 { text-align: right; }
.scnitem_1 .cont_scn { right: 6%; }
.scnitem_2 .cont_scn { left: 6%; }
.scnitem_3 .cont_scn { right: 6%; }
.scnitem_1 .tex_hide { width: 400px; height: 200px; }
.scnitem_2 .tex_hide { width: 350px; height: 200px; background-position: 0 -300px; }
.scnitem_3 .tex_hide { width: 450px; height: 130px; background-position: 0 -600px; }

.w1100 .scnitem { width: 1100px; }
.w1100 .scnitem .img_scn { width: 1760px; margin-left: -880px; }
.w1100 .scnitem { height: 907px; }
.w1100 .feature_scn { margin-top: 50px;  }
.w1100 .it_feature { padding: 0 26px; padding-right: 0\9; }
.w1100 .scnitem_1 .feature_scn, .w1100 .scnitem_3 .feature_scn { margin-right: -14px\9; }
.w1100 .cont_scn .tex_hide { margin-right: -4px\9; }
@media screen and (min-width:0\0) {
    .w1100 .cont_scn .tex_hide { margin-right: -4px; }
    .w1100 .it_feature { padding-right: 0; }
    .w1100 .scnitem_1 .feature_scn, .w1100 .scnitem_3 .feature_scn { margin-right: -14px; }
}
.w1100 .it_feature i, .w1100 .cont_scn .tex_hide { zoom: .91; }
.w1100 .cont_scn .btn_trans  { width: 156px; height: 46px; line-height: 46px; font-size: 16px; }

.w1000 .scnitem { width: 1000px; }
.w1000 .scnitem .img_scn { width: 1600px; margin-left: -800px; }
.w1000 .scnitem { height: 825px; }
.w1000 .feature_scn { margin-top: 46px;  }
.w1000 .it_feature { padding: 0 23px; padding-right: 0\9; }
.w1000 .scnitem_1 .feature_scn, .w1000 .scnitem_3 .feature_scn { margin-right: -18px\9; }
.w1000 .cont_scn .tex_hide { margin-right: -4px\9; }
@media screen and (min-width:0\0) {
    .w1000 .cont_scn .tex_hide { margin-right: -4px; }
    .w1000 .it_feature { padding-right: 0; }
    .w1000 .scnitem_1 .feature_scn, .w1000 .scnitem_3 .feature_scn { margin-right: -18px; }
}
.w1000 .it_feature i, .w1000 .cont_scn .tex_hide { zoom: .83; }
.w1000 .cont_scn .btn_trans  { width: 141px; height: 41px; line-height: 41px; font-size: 15px; }

.w900 .scnitem { width: 900px; }
.w900 .scnitem .img_scn { width: 1440px; margin-left: -720px; }
.w900 .scnitem { height: 742px; }
.w900 .feature_scn { margin-top: 41px; }
.w900 .it_feature { padding: 0 21px; padding-right: 0\9; }
.w900 .scnitem_1 .feature_scn, .w900 .scnitem_3 .feature_scn { margin-right: -16px\9; }
.w900 .cont_scn .tex_hide { margin-right: -2px\9; }
@media screen and (min-width:0\0) {
    .w900 .cont_scn .tex_hide { margin-right: -2px; }
    .w900 .it_feature { padding-right: 0; }
    .w900 .scnitem_1 .feature_scn, .w900 .scnitem_3 .feature_scn { margin-right: -16px; }
}
.w900 .it_feature i, .w900 .cont_scn .tex_hide { zoom: .75; }
.w900 .cont_scn .btn_trans  { width: 128px; height: 38px; line-height: 38px; font-size: 13px; }
.w900 .y16 .index{padding-bottom: 0; margin-top: -54px;}

/*2016-06-06*/
.y16 .vip-header .vip-usertop{float:right;position:relative;top: 0; min-width: auto; font-size: 14px;margin-left: -100px;}

.y16 .vip-header .unlogin{display: block; margin: 16px 69px 0 0;}
.y16 .vip-header .unlogin .userimg{display: inline-block; width: 35px; height: 35px; border: 2px solid #fff; border-radius: 100%; background: url(../images/bg_base_spr24.png) no-repeat -100px 0; vertical-align: middle; margin-right: 10px;}
.y16 .vip-header .unlogin:hover .userimg{border-color: #fec734;}
.y16 .vip-header .usertype{padding:0 41px 0 9px; margin-top: 13px;}
.y16 .vip-header .usertype:after{content: ""; position: absolute; left: -1px; top: 8px; width: 1px; height: 31px; background: #575757;}
.y16 .vip-header .sidefunc{position: absolute; right: 10px; top: 0; white-space: nowrap;}
.y16 .vip-header .sidefunc a{margin-right: 2px; color: #aaa;}
.y16 .vip-header .usertype a:hover{color: #ffc52a;}
.y16 .vip-header .vip-usertop .linkmag{display: block; color: #fff;transition: .3s; height: 39px; line-height: 39px;}
.y16 .vip-header .vip-usertop .linkmag:hover{color: #aaa;}
.y16 .vip-header .vip-usertop .btn_wp{position: absolute; right: 0; top: 70px; width: 167px; height: 53px; margin-top: 0; background: url(../images/bg_base_spr24.png) no-repeat 0 -100px;padding: 0 38px 0 58px;text-align: center;}
.y16 .vip-header .vip-usertop .t_nav_links{height:36px; min-width: 85px; line-height:36px; padding:0 20px; border-radius:18px; transition: .2s; }
.y16 .vip-header .vip-usertop .t_nav_links:hover{background: #ffde2a;}
.y16 .vip-header .vip-usertop .ic_openvip{display: none;}
.y16 .vip-header .usertype .userimg{border-radius:100%;width:36px;height:36px;border:2px solid transparent;transition:.3s;position:absolute;overflow:hidden;left:-50px; top: 3px;}
.y16 .vip-header .vip-usertop .userimg:hover,.y16 .vip-header .vip-usertop .userimg.on{border-color: #ffc52a;}
.y16 .vip-header .btn_msg{margin-right:12px;}
.y16 .vip-header .vip-usertop .btn_wp{position: absolute; right: 0; top: 70px; height: 53px; width: 243px; background: url(../images/bg_base_spr24.png) no-repeat 0 -100px; padding: 0 0 0 20px; text-align: center;}
.wp-hd-white .vip-header .vip-usertop .btn_wp{background-position: 0 -176px;}
.wp-hd-white .vip-header .vip-usertop .linkmag{color: #383838;}
.wp-hd-white .vip-header .menu .cur .mid_link,.wp-hd-white .vip-header .vip-usertop .linkmag:hover{color: #e41e27;}
.wp-hd-white .subnav_wp { background: #fff; background: rgba(255,255,255,.9); }
.wp-hd-white .subnav_wp .menu li a { color: #383838; }
.wp-hd-white .subnav_wp .menu li a:hover { color: #e41e27; }

.y16 .vip-header .vip-usertop .username_wp { height: 21px; }
.y16 .vip-header .vip-usertop .icvip { top: 0; vertical-align: 3px; }

.w900 .y16 .vip-header .vip-usertop{top: 0; padding-top: 7px;}
.w900 .y16 .vip-header .vip-usertop .t_nav_links{height: 34px; line-height: 34px;}
.w900 .y16 .vip-header .usertype,.w900 .y16 .vip-header .unlogin{margin-top: 0;}
.w900 .y16 .vip-header .vip-usertop .btn_wp{top: 54px; margin-top: 0;}

/* 理财挂件 */
.w1000 .pop_licaihang,.w900 .pop_licaihang,.w1100 .pop_licaihang,.w1300 .pop_shoppingday,.w1400 .pop_licaihang{left: 5%;}
.pop_licaihang .card,.pop_licaihang .firework,.pop_licaihang .pop_close{background: url(../images/spr24_licai.png) no-repeat;}
.pop_licaihang{position: absolute; left: 10.92%; top: -50px; width: 170px; height: 297px; transition: left .2s;}
.pop_licaihang .card{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform-origin: center top; -webkit-animation: shake 3s linear 1s infinite both; transform-origin: 60px top; animation: shake 3s linear 1s infinite both;}
.pop_licaihang .firework{display: none; position: absolute; left: -13px; top: 119px; width: 184px; height: 224px; background-position: -400px 0; transform-origin: center 105px;}
.pop_licaihang .pop_close{display: none; position: absolute; z-index: 2; left: 113px; top: 146px; width: 32px; height: 32px; background-position: -400px -250px;}
.pop_licaihang:hover .card{background-position: -200px 0; -webkit-animation-play-state:paused; animation-play-state:paused;}
.pop_licaihang:hover .firework{display: block; animation: pulse .5s linear both;}
.pop_licaihang:hover .pop_close{display: block;}

@-webkit-keyframes shake{
	0%,50%,100%{-webkit-transform: perspective(1000px) rotateZ(0) rotateX(0);}
	25%{-webkit-transform: perspective(1000px) rotateZ(10deg) rotateX(3deg);}
	75%{-webkit-transform: perspective(1000px) rotateZ(-10deg) rotateX(3deg);}
}
@keyframes shake{
	0%,50%,100%{transform: perspective(1000px) rotateZ(0) rotateX(0);}
	25%{transform: perspective(1000px) rotateZ(10deg) rotateX(3deg);}
	75%{transform: perspective(1000px) rotateZ(-10deg) rotateX(3deg);}
}
@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(0, 0, 0);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
  }
}

@keyframes pulse {
  from {
    transform: scale3d(0, 0, 0);
    opacity: 1;
  }

  35% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 1;
  }

  to {
    transform: scale3d(1.3, 1.3, 1.3);
    opacity: 0;
  }
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
